<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>制作家用电器商品分类页面</title>
		<style>
			#box h3{
				border: 1px solid #58A0D1;

				width: 280px;

				height: 40px;

				background: #58A0D1;

				color: #fff;

				padding-left: 20px;

				line-height: 40px;
			}
			#box ul{
				list-style: none;
			}

			#box .top{

				border: 1px solid #BEDFF7;

				background: #BEDFF7;

				color: #0565C6;

				width: 240px;

				height: 30px;

				line-height: 30px;

				padding-left: 20px;

			}

			#box ul li{

				padding-left: 10px;

			}

		</style>

	</head>

	<body>

		<div id="box">

			<h3>家用电器</h3>

			<ul>

				<li class="top">大家电</li>

				<br />

				<li>平板电视&nbsp;&nbsp;&nbsp;洗衣机&nbsp;&nbsp;&nbsp;冰箱</li>

				<li>空调&nbsp;&nbsp;&nbsp;烟机/灶具&nbsp;&nbsp;&nbsp;热水器</li>

				<li>冷柜/酒柜&nbsp;&nbsp;&nbsp;消毒柜&nbsp;&nbsp;&nbsp;家庭影院</li>

				<br />

				<li class="top">生活电器</li>

				<br />

				<li>电风扇&nbsp;&nbsp;&nbsp;净化器&nbsp;&nbsp;&nbsp;吸尘器</li>

				<li>净水设备&nbsp;&nbsp;&nbsp;挂烫机&nbsp;&nbsp;&nbsp;电话机</li>

				<br />

				<li class="top">厨房电器</li>

				<br />

				<li>榨汁机&nbsp;&nbsp;&nbsp;电压力锅&nbsp;&nbsp;&nbsp;电饭煲</li>

				<li>豆浆机&nbsp;&nbsp;&nbsp;微波炉&nbsp;&nbsp;&nbsp;电磁炉</li>

				<br />

				<li class="top">五金家装</li>

				<br />

				<li>淋浴/水槽&nbsp;&nbsp;&nbsp;电动工具&nbsp;&nbsp;&nbsp;手动工具</li>

				<li>仪器仪表&nbsp;&nbsp;&nbsp;浴霸/排气&nbsp;&nbsp;&nbsp;灯具</li>
			</ul>
		</div>
	</body>

</html>


